html,body{
	width: 100%;
	overflow: hidden;
}
.bgimg{
	position: absolute;
	top: 3%;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	overflow: hidden;
}
.mui-bar-nav {
    background: #CC3381;
}
.info{  
    width:80%;  
    margin:30px auto;  
}  
.info p{  
    font-size:20px;  
    color:balck;  
}  
.indent{  
    text-indent: 2em;  
}  
#inner {
	    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    width: 100%;
    height: 150px;
    margin-top: 37%;
}
img#xuanzhuanimg {
	position: absolute;
	left: 39%;
    width: 22%;
    top: 0px;
}
p#jilu{
	float: right;
	margin-right: 3%;
	width: 23%;
	margin-top: -0.5%;
}  
p#jilu img{
	width: 100%;
	display: block;
}
#xiazhu div{
	width: 27%;
    /*background: red;*/
     /*opacity: 0;*/ 
    height: 30px;
    margin-left: 4.9%;
    display: inline-block;
    margin-top: 1.3%;
    border-radius: 21px;
    /* text-align: center; */
    float: left;
}
#xiazhu div span{
	text-align: center;
	padding: 3px 0px ;
	font-size: 12px;
	color: white;
	display: block;
}
#xiazhu div img{
	display: block;
	width: 100%;
}
#xiazhu div.top15{
	margin-top: 10%;
}
#xiazhu{
	margin:auto;
	width: 100%;  
	height: 120px;
	margin-top: 20px;
	float: left;
}
p{
	text-align: center;
}
.contentbox {
    z-index: 11;
    position: absolute;
    top: 47%;
    width: 100%;
   height: 300px;
}
p#shijian {
   float: left;
   width: 30%;
   height: 27px;
   line-height: 28px;
   padding-left: 10%;
   margin-left: 5%;
    font-size: 16px;
    color: white;
    background: url(../images/game1/daojishi.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0px;
    
}
p#yue {
    float: left;
    left:5%;
    font-size: 12px;
    color: white;
    width: 25%;
    height: 30px;
    line-height: 28px;
    text-align: center;
    padding-left: 6%;
    margin-left: 5%;
    background: url(../images/game1/guodounum.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0px;
}
p#yue i{
	font-style: normal;
	color:#2cbcf3;
	margin-right: 5px;
}
p#chongzhi{
	float: right;
	margin-right: 4%;
	width: 24%;
	margin-top: 0%;
}  
p#chongzhi img{
	width: 100%;
	display: block;
}

.mui-numbox
{
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 120px;
    height: 35px;
    padding: 0 45px 0 0px;
    vertical-align: top;
    vertical-align: middle;

    border-radius: 3px;
    background-color: #efeff4;
}
.mui-numbox .mui-btn-numbox-plus, .mui-numbox .mui-numbox-btn-plus {
    right: 5%;
    top: 0px;
    width: 28px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 17px;
    opacity: 0;
}
 .mui-numbox .mui-btn-numbox-minus, .mui-numbox .mui-numbox-btn-minus{
   left: 68%;
    top: 45%;
    width: 30px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 17px;
    opacity: 0;
}
.mui-numbox {
   
    width: 28%;
    height: 40px;
    padding: 0 45px 0 0px;
    vertical-align: top;
    vertical-align: middle;
    border-radius: 3px;
    float: left;
    background: url(../images/game1/add.png) no-repeat;
    background-size:100% 100% ;
    margin: 12% 0 0% 36%;
    border: 0px !important;
}
.mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input {
     text-align: center;
     border-right: solid 0px #ccc!important; 
    background: rgba(0,0,0,0);
 border-left: solid 0px #ccc!important;
    border-radius: 0!important;
    color: white;
    margin-left: 18%;
}
@media only screen and (min-width: 700px){
	.contentbox {
    top:57%;
}
p#shijian {
   height: 57px;
   line-height: 57px; 
   font-size: 16px; 
}
p#yue {

    height: 57px;
    line-height: 57px;
   font-size: 16px; 
    
}
	
}

li.mui-control-item {
	width: 90px !important;
	padding: 0px 10px !important;
}